// 对vue-router进行配置
// 1.从vue-router中按需导入两个方法
//   createRouter方法用于创建路由的实例对象
//   createWebHashHistory方法用于指定路由的工作模式(hash模式)
import {createRouter,createWebHashHistory} from 'vue-router'

// 2.导入需要使用路由控制的组件
import MyHome from './MyHome.vue'
import MyMovie from './MyMovie.vue'
import MyAbout from './MyAbout.vue'
import Tab1 from './tabs/MyTab1.vue'
import Tab2 from './tabs/MyTab2.vue'

// 3.创建路由对象
const router=createRouter({
    // 指定路由的工作模式(Hash工作模式)
    history:createWebHashHistory(),
    // 自定义路由高亮的class类
    linkActiveClass:'active-router',
    // 声明路由的匹配规则
    routes:[
        {path:'/',redirect:'/home'},
        {path:'/home',component:MyHome},
        {path:'/movie',component:MyMovie},
        // 路由循环嵌套
        {
            path:'/about',
            component:MyAbout,
            // 嵌套路由重定向
            redirect:'/about/tab1',
            // 通过children属性嵌套声明子级路由规则
            children:[
                {path:'tab1',component:Tab1},
                {path:'tab2',component:Tab2},
            ]
        }
    ]
})

// 导出路由对象
export default router;
